<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // function NewPerson(){
        //    this.name = "laowang";
        //    this.age = 18;
        // }

        // let p1 = new NewPerson();

        // console.log(p1);


        //1. 箭头函数不能用来做构造函数
        // NewPerson is not a constructor 
        // let NewPerson = ()=>{
        //     this.name = 'xiaoli';
        //     this.age = 19;
        // }

        // let p1 = new NewPerson();

        // console.log(p1);


        // 2. 箭头函数不存在arguments

        // function fn(){
        //     console.log(arguments);
        // }

        // 利用rest参数获取arguments属性
        // let fn2 = (...arg)=>{

        //     console.log(arg);
        //     // 32-ES6-箭头函数特点.html:40 Uncaught ReferenceError: arguments is not defined
        //     console.log(arguments);
        // }

        // fn(1,2,3);

        // fn2(4,5,6);


        // 3. 箭头函数中this无法改变

        let obj ={
            name:"laowang"
        }
        // let fn = ()=>{
        //     console.log(this);
        // }
        // fn.call(obj); //window

        // function fn(){
        //     console.log(this);
        // }

        // fn.call(obj);
    </script>
</body>
</html>